<script setup lang="ts">
import { RouterLink, RouterView, useRoute } from 'vue-router'
import FooterCom from './components/FooterCom.vue';

</script>



<template>

  <keep-alive>
    <RouterView />
  </keep-alive>
  <router-view name="footercom"></router-view>


</template>

<style lang="scss">
* {
  box-sizing: border-box;
}

html,
body,
#app {
  height: 100%;
}

html {
  font-size: 26.666666666vw;
}

body {
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}


#app {

  background: url(./assets/渐变背景.png) no-repeat;
  background-size: 100% 100%;
  // display: flex;
  // flex-direction: column;
  // justify-content: center;
  // align-items: center;

  .box {
    width: 50px;
  }


}





h1 {
  color: rgb(54, 70, 102);
}

.van-button {
  --van-button-default-color: #4f52ff;
  --van-button-default-background: #4f52ff;
  --van-button-success-color: #4f52ff;
  --van-button-danger-color: red;
  --van-button-radius: 10px;
  --van-button-normal-font-size: 0.15rem;
}
</style>
